<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:gpc="http://java.sun.com/jsf/composite/gpc_comp"
                template="./../WEB-INF/template/templateProfesor.xhtml">

    <ui:define name="content">
        <h:form>
            <p:layout style="min-width:400px;min-height:200px;" id="layout">  
                <p:layoutUnit position="north" resizable="true" size="100" minSize="40" maxSize="200">  
                    <p:panelGrid columns="1">
                        <h:outputLabel value="#{profesorDetalleCursoBean.curso.nombre} - #{profesorDetalleCursoBean.curso.codigo}"/>
                        <h:outputLabel value="#{profesorDetalleCursoBean.curso.descripcion}"/>
                    </p:panelGrid>
                </p:layoutUnit> 

                <p:layoutUnit position="east" resizable="true" size="100" minSize="40" maxSize="200">  
                    <p:commandButton value="#{label['agregar_actividad']}" />
                    <p:commandButton value="#{label['lista_alumnos']}" onclick="listaEstudiantesDialog.show();"/>
                </p:layoutUnit> 

                <p:layoutUnit position="center">  
                    <p:dataGrid var="actividad" value="#{profesorDetalleCursoBean.actividades}" columns="1">  

                        <h:panelGrid columns="2" style="width:100%"> 
                            <f:facet name="header">  
                                <p:commandLink value="#{actividad.nombre}" action="#{profesorDetalleCursoBean.irActividad(actividad.codigo)}"/> 
                            </f:facet> 

                            <h:outputLabel value="#{label['descripcion']}"/>
                            <h:outputLabel value="#{actividad.descripcion}"/>

                            <h:outputLabel value="#{label['fecha_inicio']}"/>
                            <h:outputLabel value="#{actividad.fechaInicio}"/>

                            <h:outputLabel value="#{label['fecha_finalizacion']}"/>
                            <h:outputLabel value="#{actividad.fechaFinalizacion}"/>
                        </h:panelGrid> 

                    </p:dataGrid>  
                </p:layoutUnit>  
            </p:layout>
            <p:dialog id="listaEstudiantesDialog" header="#{label['lista_estudiantes']}" widgetVar="listaEstudiantesDialog" modal="true" height="100">  

                <p:dataTable id="estudiantes" var="estudiante" value="#{profesorDetalleCursoBean.estudiantes}">                      
                    <p:columns value="#{profesorDetalleCursoBean.columns}" var="column" columnIndexVar="colIndex"   
                               sortBy="#{estudiante[column.property]}">  
                        <f:facet name="header">  
                            #{column.header}  
                        </f:facet>  

                        #{estudiante[column.property]}  
                    </p:columns>  

                </p:dataTable> 

            </p:dialog>  

        </h:form>
    </ui:define>            
</ui:composition>
